// out: ../css/

// 导航
.bg-body-tertiary {
  background-color: rgba(54, 7, 141, 0.185) !important;
  .navbar-collapse {
    flex-grow: 0;
    .dropdown-menu {
      background-color: rgba(255, 255, 255, 0.644);
    }
    .nav-item {
      a {
        color: white;
      }
      .dropdown-item {
        color: rgb(185, 56, 211);
      }
    }

    // 修复高度
    .nav-item {
      border-bottom: 2px solid rgba(255, 255, 255, 0);
    }
    .nav-item:hover,
    .nav-item:focus,
    .active {
      border-bottom: 2px solid rgba(67, 242, 255, 0.493);
    }
  }
}
@media (max-width: 992px) {
  .nav-sm-fix {
    height: (65 / 16rem);
    background-color: #317aa3 !important;
  }
  // .bg-body-tertiary {
  //   background-color: #1c5fa4e8 !important;
  // }
}

// 轮播图: 小于768图片高度250 max；大于等于768图片高度400 min；大于等于992图片高度500
.carousel {
  // 响应式 → 媒体查询
  @media (max-width: 768px) {
    .carousel-item {
      height: 250px;
    }
  }

  @media (min-width: 768px) {
    .carousel-item {
      height: 400px;
    }
  }
  @media (min-width: 992px) {
    .carousel-item {
      height: 500px;
    }
  }

  .carousel-item {
    // height: 500px;
    background-size: cover;
    background-position: center center;
  }
  .carousel-item:nth-child(1) {
    background-image: url(../assets/uploads/banner_index.png);
  }
  .carousel-item:nth-child(2) {
    background-image: url(../assets/uploads/banner_2.jpg);
  }
  .carousel-item:nth-child(3) {
    background-image: url(../assets/uploads/banner_3.jpg);
  }
  .carousel-item:nth-child(4) {
    background-image: url(../assets/uploads/banner_4.jpg);
  }
}

// 开源项目
// 视口宽度大于992；一行排4个盒子  col-lg-3
// 视口宽度大于768；一行排2个盒子  col-md-6
.project {
  margin-top: 60px;
  text-align: center;
  .row {
    div {
      margin-bottom: 10px;
      height: 200px;
      // background-color: pink;
      a {
        // 块级的宽度和父级一样大
        display: block;
        height: 200px;
        background-color: green;
        border-radius: 4px;
        background-size: cover;
        background-position: center center;
      }

      &:nth-child(1) a {
        background-color: #70c3ff;
        background-image: url(../assets/uploads/TCS.png);
      }
      &:nth-child(2) a {
        background-color: #fd6a7f;
        background-image: url(../assets/uploads/2048.png);
      }
      &:nth-child(3) a {
        background-color: #7f8ea0;
        background-image: url(../assets/uploads/wzq.png);
      }
      &:nth-child(4) a {
        background-color: #89d04f;
        background-image: url(../assets/uploads/tank.png);
      }
    }
  }
}
